// @import "antd/dist/antd.dark.less";

/* 自定义 antd 暗黑模式样式 */
@dark-main-bg-color: #141414;
@dark-bg-color: #1f1f1f;
@dark-border-color: #414243;
@dark-text-color: #d9d9d9;
@dark-shadow-color: 5px 5px 15px rgb(255 255 255 / 20%);
@dark-scrollbar-bg-color: #686868;

/* 需要自定义覆盖的样式 */
body {
	background-color: @dark-main-bg-color !important;
	// guide
	#driver-highlighted-element-stage {
		background-color: #525457 !important;
	}
}

/* login container（先固定样式） */
.login-container {
	background-color: @dark-main-bg-color !important;

	.login-box {
		background-color: rgb(0 0 0 / 80%) !important;

		.login-form {
			background-color: @dark-main-bg-color !important;
			box-shadow: @dark-shadow-color !important;

			.login-logo {
				.logo-text {
					color: @dark-text-color !important;
				}
			}

			.login-btn {
				.ant-btn-default {
					color: @dark-text-color !important;
				}
			}
		}
	}
}

/* container */
.container {
	/* sider */

	.ant-layout-sider {
		border-right: 1px solid @dark-border-color !important;

		.ant-menu {
			&::-webkit-scrollbar {
				background-color: @dark-bg-color !important;
			}

			&::-webkit-scrollbar-thumb {
				background-color: @dark-scrollbar-bg-color !important;
			}
		}

		.logo-box {
			color: #dadada;
			border-bottom: 1px solid @dark-border-color !important;
		}
	}

	/* layout */

	.ant-layout {
		background-color: @dark-main-bg-color !important;

		.ant-layout-header,
		.tabs,
		.footer,
		.card {
			background-color: @dark-bg-color !important;
			border-color: @dark-border-color !important;

			.text {
				color: @dark-text-color !important;
			}
		}

		.ant-layout-header {
			height: 55px;
			padding: 0 40px 0 20px;

			.icon-style,
			.name {
				color: @dark-text-color !important;
			}
		}

		.footer {
			a {
				color: @dark-text-color !important;
			}
		}

		.ant-layout-content {
			&::-webkit-scrollbar {
				background-color: @dark-main-bg-color !important;
			}

			&::-webkit-scrollbar-thumb {
				background-color: @dark-scrollbar-bg-color !important;
			}

			.card {
				&::-webkit-scrollbar {
					background-color: @dark-bg-color !important;
				}

				&::-webkit-scrollbar-thumb {
					background-color: @dark-scrollbar-bg-color !important;
				}
			}
		}
	}
}
